<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格标签</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="../../jsfile/layer.css"/>
    <script src="../../jsfile/jquery.js"></script>
    <script src="../../jsfile/layer.js"></script>
    <script src="../../jsfile/base.js"></script>
</head>
<body>
<p id="text_show">
   需求
        需求1：做一个带表头的,三行,三列的表格,并显示边框
        需求2：修改表格的宽度和高度,把表格的对齐方式,单元格的间距

        table标签是表格标签
            border 设置表格的线条
            width 设置表格的宽度
            height 设置表格的高度
            align 设置表格相对于页面的对齐方式
            cellspacing 设置单元格之间的间隔

        tr 是行标签
        th 是表头标签
        td 是单元格标签
            align 设置单元格文本的对齐方式
        b 是加粗标签
</p>

    <table border="1" width="500" height="500" align="center" cellspacing="0" cellpadding="0">
        <tr>
            <th>表头1</th>
            <th>表头2</th>
            <th>表头3</th>
        </tr>
        <tr align="center">
            <td>1.1</td>
            <td>1.2</td>
            <td>1.3</td>
        </tr>
        <tr align="center">
            <td>2.1</td>
            <td>2.2</td>
            <td>2.3</td>
        </tr>
        <tr align="center">
            <td>3.1</td>
            <td>3.2</td>
            <td><b>3.3</b></td>
        </tr>
    </table>

<div class="look_source_code" onclick="getPageContent()">查看源码</div>
</body>
</html>